<template>
  <div :style="wrapStyle">
    <AppTabs />
    <div :style="mainStyle">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>
import { computed } from "vue";
/* components */
import AppTabs from "@/layouts/components/Tabs/index.vue";
/* 动态样式 */
import config from "@/layouts/config";
const wrapStyle = computed(() => ({
  height: `calc(100% - ${config.headerHeight})`,
}));
const mainStyle = computed(() => ({
  height: `calc(100% - ${config.tabsHeight})`,
}));
</script>
<style lang="scss" scoped></style>
